<template>
  <div class="about">
    <div class="about-page-title">圣诺莉品牌介绍</div>
    <div class="introduce">
      <div class="introduce-img"></div>
      <div class="introduce-text">
        <div class="introduce-text-title">品牌介绍</div>
        <div class="introduce-text-content">
          在拥有浪漫主义的法国，铃兰被视为幸福、希望的象征，圣诺莉的创始人曾前往法国参加挚友的婚礼，当时正是法国的“铃兰节”，大街小巷满是铃兰温柔的香气，甚至在婚礼上亲友也会赠送新人铃兰，寓意“幸福到来”。因此当他回国后，决定将铃兰定为品牌象征，希望将幸福带给新人，祝愿有情人将被幸福伴随一生。
        </div>
        <div class="introduce-text-desc">
          lin romantic France, the ly of the valley is seen as a symbol of
          happiness andhope. The founder of Saint Nori onoe went to France to
          attend the wedding ofhis best friend, wthich was also known as the
          "Lilac Festival" in France, Thestreets and alleys were filed with the
          gente fragranee of the lly of the valley.and even relatives and
          friends wouid give it to the new person at the wedding.symbolizing the
          arrival of "nappiness". Therelore, when he returned to his
          homecountry, he decided to designate Linglan as a brand symbol, hoping
          to bring!happiness to the new coupie and wishing that lovers will be
          accompanled byhappiness for a lilfetime.
        </div>
      </div>
    </div>

    <div class="interpretation">
      <div class="interpretation-img"></div>
      <div class="interpretation-text">
        <div class="interpretation-title">BRAND MEANING</div>
        <div class="interpretation-text-title">品牌释义</div>
        <div class="interpretation-text-content">
          “圣诺莉”的每个字都有深刻的含义。“圣”字表示神圣、美好，蕴含着美好前途的美好配望。“诺”字温婉、柔美，二者结合，不仅代表着一个人美好的内心世界，更是对二人未来的美好祝愿。“"莉”字代表着品牌专业、优雅、精致。同时，缨字寓意看品牌创始人的问往和追求，她希望能够让每一对新人在圣诺莉事受到生活的美好和品牌的专业。
        </div>
        <div class="interpretation-text-desc">
          Ewery word ol "Saint hicei" has a proiound meaning. The
          woed'Sheng"ropresonts sacredness, beauty, and contains a beautitulwish
          ter a bright tuture, The word "no"is pintle and gentle, and
          thecombnabon ol the two represents not oniy a person's beauttul
          innerworid, but aiso a good wish ter ther tuture, The cherncler
          "Lrrepresenis a brand that is prolessional, elegant, and exguiste. At
          thesome time, the charecler Ti symboizes the aspiralions ond pursutsof
          the brand tounder. She hopes to make every naw couple teel theboautr
          of lie and the prolessionalim ol the brand in Saint Nicei.
        </div>
      </div>
    </div>

    <div class="interpretation">
      <div class="interpretation-img"></div>
      <div class="interpretation-text">
        <div class="interpretation-logo">
          <div class="logo-img"></div>
          <div class="logo-title">品牌释义</div>
        </div>
        <div class="interpretation-text-list">
          <div class="" style="text-indent: 0">我们想告诉每一位新人:</div>
          <div>
            恭喜你们即将步入婚礼的殿党!无论是浪漫的海边婚礼、奢华的城堡婚礼还是温馨的家庭婚礼，圣诺莉婚礼艺术中心都可以满足你们的需求。
          </div>
          <div>
            我们提供多种主题婚礼方案，包括经典浪漫、田园风光、清新简约、艺术设计等。另外，我们也提供个性化的定制化服务，可以根据您的需求进行调整。
          </div>
          <div>
            在圣诺莉婚礼艺术中心，我们致力于提供高品质的专业服务，让您的婚礼不仅仅是一场仪式，更是一段美好记忆的开始。我们期待与您携手打造浪漫至极的婚礼!
          </div>
        </div>
      </div>
    </div>

    <div class="about-page-title">圣诺莉服务说明</div>
    <div class="sever-desc">
      <div class="img1-content">
        <div class="img1"></div>
        <div class="img1-title">
          <div class="eng-title">WEDDING BANQUET</div>
          <div class="han-title">婚宴料理</div>
        </div>
      </div>
      <div class="img2-content">
        <div class="title-content">
          <div>
            配有中央独立厨房，保证菜品现做现吃，带来美食的最佳赏味期。媲美五星级酒店的餐饮服务，
            以精湛的烹饪技艺与创新的烹饪理念，用心保证婚宴料理的品质，在舌尖心头谱写婚礼致味。
          </div>
          <div>
            With a central independent kitchen to ensure that the dishes are
            ready toeat, bring thebest taste period of the food. Compared with
            the five-star hotelcatering service, withexquisite cooking skills
            and innovative cookingconcept, carefully ensure the quality
            ofwvedding banquet cuisine, in the tip ofthe tongue in the heart to
            write a wedding flavor.
          </div>
        </div>
        <div class="img2"></div>
      </div>
    </div>
    <div class="floral">
      <div class="floral-content">
        <div class="floral-title">FLOWER DESIGN <span> 空间花艺</span></div>
        <div class="floral-img">
          <div class="floral-img1"></div>
          <div class="floral-img3"></div>
        </div>
      </div>
      <div class="floral-info">
        <div class="floral-zhong">
          作为婚礼布置的核心，花卉已成了一场婚礼不可或缺的要素，也是增添浪漫色彩的点睛之笔，特邀国际特级空间花艺师
          Kristin
          Banta参与策划打造风格多样的婚礼主题布置，不定期发布限定设计场景，让婚礼花艺成为宴会布置中的点睛之笔。
        </div>
        <div class="floral-eng">
          As the core of the wedding arrangement, hasbecome the indispensable
          element in awreddingflovrers, also add the nods eyeball pen ofromance,
          Kristin flower artists invited internationasuperspace planning to
          build style diversity Bantaparticipate in wedding theme is decorated.
          notregularlyissue limit design scenario, in makingvredding banquet
          arrangements
        </div>
      </div>
    </div>

    <div class="lighting">
      <div class="lighting-info">
        <div class="lighting-title">
          LIGHTING EFFECT
          <div>灯光舞美</div>
        </div>
        <div class="lighting-desc">
          媲美演唱会的舞美效果，360度全景环绕立体
          声。专业的婚礼灯光师娴熟地用色调与形状营造氛围，经验丰富的音响师配合司仪调整婚礼节奏，让新人成为最瞩目的焦点。
        </div>
        <div class="lighting-desc">
          Rival concert slage effect, 360 degree panoramicsurround sound,
          Professional nuplial lightingdivision adroitly uses tonal and shape to
          buikdatmosphereexperienced acoustics divisioncooperates with master to
          adjust nuptialrhylhm, letnew aptly become the focus that eyes eyes
          most
        </div>
      </div>
      <div class="lighting-img"></div>
    </div>

    <div class="dress">
      <div class="dress-top">
        <div class="conent-title">
          WEDDING DRESS
          <div>婚纱礼服</div>
        </div>
        <div class="dress-eng">
          Llili W to buy the store concept for the new collection of olobal
          selected wedding dressbrand, intemational high-end taste, adhere to
          fashion and aesthetics, mullidimensional tomeet the needs of the
          bridewedding dress and fantasy, for Lili W bride to bring star
          qualityof gorgeous wedding dress.
        </div>
      </div>
      <div class="dress-bottom">
        <div class="dress-bottom-left">
          <div class="bottom-left-title">
            丽丽薇提以买手店概念为新人汇集全球精选婚纱礼服品牌，国际化的高端品位对时尚与美学的坚持，多方位的满足新娘对婚纱礼服的需求与幻想，为丽丽薇绿的新娘带来明星品质般的华美婚纱礼服。
          </div>
          <div class="bottom-left-imgList">
            <div></div>
            <div></div>
            <div></div>
          </div>
        </div>
        <div class="dress-bottom-img"></div>
      </div>
    </div>

    <div class="holographic">
      <div class="holographic-left">
        <div class="holographic-title">
          3D HOLOGRAPHIC
          <div>PROJECTION <span>3D全息</span></div>
        </div>
        <div class="holographic-content">
          沉漫式全感官婚礼体验，将料技与浪漫完美结合。打破传统，突破声、光、电的局限与空间的限制。多维立体的婚礼特效，使新人或置身魔幻城堡，或身临梦游仙境，共同演绎虚实相间的神秘感，让每位宾客都沉浸在美轮美灸的双重影像世界中。
        </div>
        <div class="holographic-content">
          An immersive, allsensory wedding experience that perfectly
          combinestechnology and romance. Breakthe tradition, break through the
          limitationof sound lioht, electricity and space. The
          multidimensionalweddingspecial effects enable the couple to be in the
          magic castle or in thefairyland, and jointlyinteroret the mystery
          between the virtual and the realso that every quest will be immersed
          in the beautiful double world ofimages
        </div>
      </div>
      <div class="holographic-rigth"></div>
    </div>

    <div class="holographic">
      <div class="holographic-rigth1"></div>

      <div class="holographic-left">
        <div
          class="holographic-title"
          style="
            display: flex;
            align-items: flex-end;
            width: 100%;
            flex-direction: column;
          "
        >
          WEDDING PLANNER
          <div style="font-size: 20px">婚礼策划师</div>
        </div>
        <div class="holographic-content">
          沉漫式全感官婚礼体验，将料技与浪漫完美结合。打破传统，突破声、光、电的局限与空间的限制。多维立体的婚礼特效，使新人或置身魔幻城堡，或身临梦游仙境，共同演绎虚实相间的神秘感，让每位宾客都沉浸在美轮美灸的双重影像世界中。
        </div>
        <div class="holographic-content">
          An immersive, allsensory wedding experience that perfectly
          combinestechnology and romance. Breakthe tradition, break through the
          limitationof sound lioht, electricity and space. The
          multidimensionalweddingspecial effects enable the couple to be in the
          magic castle or in thefairyland, and jointlyinteroret the mystery
          between the virtual and the realso that every quest will be immersed
          in the beautiful double world ofimages
        </div>
      </div>
    </div>

    <div class="holographic">
      <div class="holographic-left">
        <div class="holographic-title">
          MAKEUP ARTIST
          <div><span>妆面造型师</span></div>
        </div>
        <div class="holographic-content">
          专业婚礼妆面造型师，掌握当季潮流妆发设计，可根据新娘形象气质与婚礼主题提供婚礼妆面造型方案，并提供婚礼日全程跟妆服务，让新娘自信从容地面对镜头，并将最美好的形象展示给亲朋好友。
        </div>
        <div class="holographic-content">
          Professional wredding makeup stylist, master theseasonalfashion makeup
          hair design, according to the bride'simagetemperament and wedding
          theme to provide wreddingmakeupmodeling program, and provide the
          wedding day fullmakeupservice, so that the bride confidently and
          caimty facethecamera, and will show the best image to friends and
          family
        </div>
      </div>
      <div class="holographic-rigth"></div>
    </div>

    <div class="host">
      <div class="host-rigth"></div>
      <div class="host-left">
        <div class="host-title">
          WEDDING MC
          <div><span>婚礼主持人</span></div>
        </div>
        <div class="host-content">
          婚礼司仪是婚礼仪式中的纽带，控制整个现场的情绪和氛围，我们的婚礼司仪特聘具有200场以上婚礼经验，来满足婚礼起承转台、睡场、带动氛围以及救场的高标准。选择一个适合的婚礼司仪在的婚礼当中至关重要，我们为新人安排面试不同风格的司仪，满足新人对主持风格的要求与婚礼现场氛围的预期。
        </div>
        <div class="host-content">
          The wedding emcee is the link in the wedding ceremony, control themood
          andatmosphere of the whole wedding scene, our wedding emceehas more
          than 200 weddincexperience, to meet the wedding to carryon and close,
          warm the field, drive theatmosphere and save the highstandard. The
          choice of a suitable wedding emcee is veryimportant inthe wedding, we
          arrange the interview for the new emcee of differentstyles, tomeet the
          requirements of the new style of hosting and weddingscene
          atmosphereexpectations.
        </div>
      </div>
    </div>
    <div class="host">
      <div class="host-rigth"></div>
      <div class="host-left">
        <div class="host-title">
          PHOTOGTAPHICCAMERAV
          <div>CAMERAV<span>摄影摄像</span></div>
        </div>
        <div class="host-content">
          婚礼日是一场无法NG的演出，摄影摄像则是一场婚礼过程的直接记录者。用镜头随时捕捉稍纵即逝的瞬间与表情，是专业的婚礼摄影掌控力起决定性作用。摄影摄像团队要求工作经验5年以上，可以更好的引导新人，记录现场的仪式感和觥筹交错的瞬间，保留这无比珍贵的回忆。
        </div>
        <div class="host-content">
          Wedding day is an inconceivable perfommance, photography and video is
          adirect recordof the wedding process, Capturing fleeting moments and
          expressions with a lens at antme is a decisive factor in professional
          wedding photography control. The photographyand camera team requires
          more than 5 years ohworking experience, which can betterguide the new
          staff, record the sense ofceremony and the moment of drinking,
          andpreserve the precious memories.
        </div>
      </div>
    </div>

    <div class="secretary">
      <div class="secretary-left">
        <div class="secretary-title">
          SECRETARYOF
          <div>OF THE BRIDE</div>
        </div>
        <div class="secretary-title" style="font-size: 20px">新娘秘书</div>
        <div class="secretary-content">
          专业的新娘秘书是陪伴新娘整场婚
          礼的万能助手，实现专业的一对一服务。新娘无需担忧繁杂的婚礼流程，将一切交给新娘秘书全程沟通，唯一要做的，就是保持您的优雅美丽。
        </div>
        <div class="secretary-content">
          The professional bride secretary is the all- purpose assistant
          toaccompany thebride throughout the wedding to achieveprofessional
          one-to-one services. Thebride need not worryabout the complicated
          wedding process, give everythingtothe bride secretary full
          communication, the only thing to do, isto keep yourelegant and
          beautiful.
        </div>
      </div>
      <div class="secretary-rigth"></div>
    </div>

    <div class="wedding-dj">
      <div class="wedding-rigth">
        <div class="wedding-img"></div>
        <div class="wedding-title" style="font-size: 30px">
          WEDDING
          <div>DISC JOCKY</div>
        </div>
        <div class="wedding-title" style="font-size: 20px">婚礼DJ</div>
      </div>
      <div class="wedding-left">
        <div class="wedding-content">
          一场婚礼的成功，单靠司仪的“说”是远远不够的，婚礼音乐的配合在很大程度上对婚礼起着至关重要的作用。专业的婚礼DJ不仅要求选对合适的婚礼音乐，更需要编写婚礼音
          乐脚本，将婚礼音乐贯穿融合到整场婚礼仪式中，循序渐进，缓急自如，让来宾仿佛置身于一部歌剧般的爱情故事中。
        </div>
        <div class="wedding-content">
          The success of awedding, oniy rely on the MCs "say isfarfrom enouch
          wreddina music in a larce extent to theweddingplays a vital role.
          Prolessional wedding DJis notonly requiredto choose the noht weddino
          music more needo write thevreddina music script the wedding music
          throughusion to thewhole wedding ceremony, step by step.leisurely, let
          thequests as if place themselves in an ooeralike love story.
        </div>
      </div>
    </div>
    <div class="wedding-dj">
      <div class="wedding-left">
        <div class="wedding-content">
          一场婚礼的成功，单靠司仪的“说”是远远不够的，婚礼音乐的配合在很大程度上对婚礼起着至关重要的作用。专业的婚礼DJ不仅要求选对合适的婚礼音乐，更需要编写婚礼音
          乐脚本，将婚礼音乐贯穿融合到整场婚礼仪式中，循序渐进，缓急自如，让来宾仿佛置身于一部歌剧般的爱情故事中。
        </div>
        <div class="wedding-content">
          The success of awedding, oniy rely on the MCs "say isfarfrom enouch
          wreddina music in a larce extent to theweddingplays a vital role.
          Prolessional wedding DJis notonly requiredto choose the noht weddino
          music more needo write thevreddina music script the wedding music
          throughusion to thewhole wedding ceremony, step by step.leisurely, let
          thequests as if place themselves in an ooeralike love story.
        </div>
      </div>
      <div
        class="wedding-rigth"
        style="
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          font-size: 30px;
          margin-left: 30px;
        "
      >
        <div class="wedding-title">
          WEDDING
          <div>DISC JOCKY</div>
        </div>
        <div class="wedding-title" style="font-size: 20px">婚礼DJ</div>
        <div class="wedding-img"></div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  computed: {},
  methods: {},
};
</script>
<style scoped lang="less">
.conent-title {
  font-size: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  div {
    font-size: 20px;
  }
}
.about {
  width: 100%;
  height: 100%;
  .about-page-title {
    font-size: 60px;
    font-weight: bold;
    margin: 30px 0;
  }
  .introduce {
    height: 100%;
    width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 30px;
    .introduce-img {
      flex: 1.4;
      height: 380px;
      margin-right: 50px;
      border: 1px solid #ccc;
    }
    .introduce-text {
      flex: 1;
      display: flex;
      align-items: flex-end;
      flex-direction: column;
      .introduce-text-title {
        margin-bottom: 20px;
      }
      .introduce-text-content {
        text-align: left;
        margin-bottom: 20px;
      }
      .introduce-text-desc {
        text-align: left;
      }
    }
  }
  .interpretation {
    height: 100%;
    width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 30px;
    .interpretation-img {
      flex: 3;

      height: 400px;
      margin-right: 50px;
      background-color: #fff;
      border: 1px solid #ccc;
    }
    .interpretation-text {
      flex: 7;
      height: 100%;
      display: flex;
      align-items: flex-end;
      flex-direction: column;
      .interpretation-title {
        font-size: 35px;
      }
      .interpretation-text-title {
        margin-bottom: 20px;
      }
      .interpretation-text-content {
        text-align: left;
        margin-bottom: 20px;
      }
      .interpretation-text-desc {
        text-align: left;
      }
      .interpretation-logo {
        margin-bottom: 30px;
        .logo-img {
          width: 150px;
          height: 150px;
          border: 1px solid #000;
          margin-bottom: 10px;
        }
        .logo-title {
          font-size: 20px;
          color: #000;
        }
      }
      .interpretation-text-list {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        div {
          display: block;
          text-indent: 2em;
          margin-bottom: 10px;
          text-align: left;
        }
      }
    }
  }
  .page-title {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .sever-desc {
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 50px;
    .img1-content {
      width: 450px;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      margin-right: 30px;
      .img1 {
        border: 1px solid #000;
        width: 350px;
        height: 250px;
        margin-bottom: 50px;
      }
      .img1-title {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        .eng-title {
          font-size: 25px;
        }
        .han-title {
        }
      }
    }
    .img2-content {
      width: 450px;
      .title-content {
        display: block;
        text-indent: 2em;
        margin-bottom: 10px;
        div {
          text-align: left;
        }
      }
    }
    .img2 {
      height: 300px;
      border: 1px solid #ccc;
    }
  }
  .floral {
    height: 100%;
    width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 50px;

    .floral-content {
      flex: 1;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      .floral-title {
        font-size: 30px;
        margin-bottom: 40px;
        span {
          font-size: 20px;
        }
      }
      .floral-img {
        display: flex;
        align-items: center;
        margin-right: 30px;
        div {
          width: 300px;
          height: 250px;
          border: 1px solid #ccc;
        }
        .floral-img1 {
          margin-right: 20px;
        }
        .floral-img3 {
        }
      }
    }
    .floral-info {
      flex: 1;
      height: 100%;
      div {
        display: block;
        text-indent: 2em;
        text-align: left;
      }
      .floral-zhong {
        text-align: left;
      }
      .floral-eng {
        text-align: left;
      }
    }
  }
  .lighting {
  }

  .lighting {
    height: 100%;
    width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 50px;
    .lighting-info {
      flex: 1;
      height: 100%;
      margin-right: 30px;
      .lighting-title {
        font-size: 30px;
        margin-bottom: 40px;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        div {
          font-size: 20px;
        }
      }
      .lighting-desc {
        text-indent: 2em;
        text-align: left;
      }
    }
    .lighting-img {
      flex: 1;
      height: 100%;
      border: 1px solid #ccc;
      height: 300px;
    }
  }

  .dress {
    height: 100%;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 50px;
    .dress-top {
      display: flex;
      align-items: center;
      margin-bottom: 30px;
      .conent-title {
        margin-right: 30px;
        flex: 0.4;
      }
      .dress-eng {
        flex: 1;
        font-size: 16px;
        text-align: left;
      }
    }
    .dress-bottom {
      display: flex;
      align-items: center;
      .dress-bottom-left {
        flex: 1;
        display: flex;
        flex-direction: column;
        .bottom-left-title {
          width: 80%;
          text-indent: 2em;
          text-align: left;
        }
        .bottom-left-imgList {
          display: flex;
          align-items: center;
          div {
            flex: 1;
            border: 1px solid #ccc;
            margin-right: 5px;
            height: 200px;
          }
        }
      }
      .dress-bottom-img {
        flex: 1;
        height: 290px;
        border: 1px solid #ccc;
        margin-left: 50px;
      }
    }
  }

  .holographic {
    height: 100%;
    width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    .holographic-left {
      flex: 1;
      .holographic-title {
        width: 300px;
        margin-bottom: 30px;
        text-align: left;
        font-size: 30px;

        span {
          font-size: 20px;
        }
      }
      .holographic-content {
        text-indent: 2em;
        text-align: left;
        margin-bottom: 20px;
      }
    }
    .holographic-rigth {
      flex: 1;
      height: 320px;
      border: 1px solid #ccc;
      margin-left: 30px;
    }
    .holographic-rigth1 {
      flex: 1;
      height: 320px;
      border: 1px solid #ccc;
      margin-right: 30px;
    }
  }

  .host {
    height: 100%;
    width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    .host-left {
      flex: 1;
      .host-title {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        margin-bottom: 30px;
        text-align: left;
        font-size: 30px;

        span {
          font-size: 20px;
        }
      }
      .host-content {
        text-indent: 2em;
        text-align: left;
        margin-bottom: 20px;
      }
    }

    .host-rigth {
      flex: 0.5;
      height: 380px;
      border: 1px solid #ccc;
      margin-right: 30px;
    }
  }

  .secretary {
    height: 100%;
    width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    .secretary-left {
      flex: 1;

      .secretary-title {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 30px;
        text-align: left;
        font-size: 30px;

        span {
          font-size: 20px;
        }
      }
      .secretary-content {
        text-indent: 2em;
        text-align: left;
        margin-bottom: 20px;
      }
    }

    .secretary-rigth {
      flex: 0.5;
      height: 380px;
      border: 1px solid #ccc;
      margin-left: 30px;
    }
  }

  .secretary {
    height: 100%;
    width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    .secretary-left {
      flex: 1;

      .secretary-title {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 30px;
        text-align: left;
        font-size: 30px;

        span {
          font-size: 20px;
        }
      }
      .secretary-content {
        text-indent: 2em;
        text-align: left;
        margin-bottom: 20px;
      }
    }

    .secretary-rigth {
      flex: 0.5;
      height: 380px;
      border: 1px solid #ccc;
      margin-left: 30px;
    }
  }

  .wedding-dj {
    height: 100%;
    width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    .wedding-left {
      flex: 1;
      .wedding-title {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 30px;
        text-align: left;
        font-size: 30px;

        span {
          font-size: 20px;
        }
      }
      .wedding-content {
        text-indent: 2em;
        text-align: left;
        margin-bottom: 20px;
      }
    }
    .wedding-rigth {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-right: 30px;

      .wedding-img {
        width: 100%;
        height: 200px;
        border: 1px solid #ccc;
      }
    }
  }
}
</style>
